<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="m@markzou.com">
    <link rel="shortcut icon" href="favicon.png">
    <title>花予茶 - 商城首页</title>

    <!-- fav icons -->
    <link rel="shortcut icon" href="assets/img/favicon.png" />

    <link rel="stylesheet" type="text/css" href="assets/css/inc_default_theme.css">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">

    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery-1.9.0.min.js"></script>

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respipond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->



</head>

<body>

<div class="container-fluid nopadding">

    <div class="page_content_ucpage">

        <div class="pc_head">

            <div class="pc_top">
                <div class="pc_w1200">
                    <ul class="pct_lnav" style="float: right;">
                        <li>零下一度，欢迎您！请 <a href="">登录</a> / <a href="">注册</a></li>
                        <li><a href=""><span class="glyphicon glyphicon-user"></span> 我的花予茶</a></li>
                        <li><a href=""><span class="glyphicon glyphicon-book"></span> 帮助中心</a></li>
                    </ul>
                    <ul class="pct_lnav">
                        <li><a href="">收藏本站</a></li>
                        <li>您现在位置 <a href="">上海</a></li>
                    </ul>
                </div>
            </div>

            <div class="pc_nav">
                <div class="pc_w1200">
                    <div class="huacha_logo"><a href="">花予茶</a></div>
                    <div class="top_catalog"><img src="assets/img/icons/catalog.png" alt=""/></div>
                    <div class="top_ad"><img data-src="holder.js/700x130" alt=""></div>
                    <div class="head_control">
                        <div class="shopping_cart" id="s_cart">
                            <a href="" id="s_cart_nums1">
                                <div class="cart_name"><span class="glyphicon glyphicon-shopping-cart"></span> 购物车</div>
                                <div class="cart_num">12</div>
                            </a>
                        </div>
                        <!--<div id="s_cartbox" class="s_cartbox" style="padding: 20px;">您的购物车中暂无商品，赶快选择心爱的商品吧！</div>-->

                        <div id="s_cartbox" class="s_cartbox">
                            <ul class="cartp_list">
                                <li>
                                    <div class="tbot"><a href=""><span class="glyphicon glyphicon-yen" aria-hidden="true"></span> 去购物车</a></div>
                                    <div class="xiaoji">3件商品，共<span>189.00</span>元</div>
                                </li>
                                <li>
                                    <div class="clt">
                                        <a href="">
                                            逸香安溪铁观音特级乌龙茶叶礼盒500g
                                        </a>
                                        <span class="cldel"><a href="">[删除]</a></span>
                                        <span class="clprice">￥45.00 <span>x5</span></span>
                                    </div>
                                    <div class="tt_img"><img data-src="holder.js/50x50" alt=""></div>
                                </li>
                                <li>
                                    <div class="clt">
                                        <a href="">
                                            逸香安溪铁观音特级乌龙茶叶礼盒500g
                                        </a>
                                        <span class="cldel"><a href="">[删除]</a></span>
                                        <span class="clprice">￥45.00 <span>x1</span></span>
                                    </div>
                                    <div class="tt_img"><img data-src="holder.js/50x50" alt=""></div>
                                </li>
                                <li>
                                    <div class="clt">
                                        <a href="">
                                            逸香安溪铁观音特级乌龙茶叶礼盒500g
                                        </a>
                                        <span class="cldel"><a href="">[删除]</a></span>
                                        <span class="clprice">￥45.00 <span>x2</span></span>
                                    </div>
                                    <div class="tt_img"><img data-src="holder.js/50x50" alt=""></div>
                                </li>
                            </ul>
                        </div>
                        <div class="nav_search">
                            <div class="search_bot"><input type="image" src="assets/img/bg/bot.png"/></div>
                            <div class="search_input"><input type="text" class="form-control" placeholder="搜索关键词"></div>
                        </div>
                        <ul class="main_nav">
                            <li><a href="" class="current">网站首页</a></li>
                            <li><a href="">所有商品</a></li>
                            <li><a href="">促销活动</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="pc_local">
            <div class="pc_w1200">
                <ul class="gps">
                    <li><span class="glyphicon glyphicon-map-marker"></span></li>
                    <li><a href="">网站首页</a></li>
                    <li><a href="">我的花予茶</a></li>
                    <li><a href="" class="current">订单管理</a></li>
                </ul>
            </div>
        </div>

        <div class="pc_body user_center_body">
            <div class="pc_w1200">

                <div class="row">
                    <div class="col-md-3">
                        <div class="ucleft">
                            <div class="user_main">
                                <div class="userimg"><img data-src="holder.js/80x80" alt=""></div>
                                <div class="user_info">
                                    <span>arvincao</span>
                                    注册时间：2014-01-21
                                    <a href="">[注销]</a>
                                </div>

                            </div>

                            <ul class="user_nav">
                                <li>
                                    <a href="" class="un_01">
                                        <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
                                        订单管理
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="un_02">
                                        <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                                        售后服务
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="un_03">
                                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                                        账户资料
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="un_04">
                                        <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
                                        收货地址
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="col-md-9">
                        <div class="ucright">



                            <div class="order_main">

                                <div class="om_show_main">
                                    <div class="danhao">
                                        订单号：10007461008
                                        <span>状态：完成</span></div>
                                    订单已经完成，感谢您在花予茶商城购物，欢迎您对本次交易及所购商品进行评价。
                                </div>

                                <div class="om_content_timeline">
                                    <div id="" class="process_show process_section3">
                                        <div class="node fore ready"><ul><li class="tx1">&nbsp;</li><li class="tx2">提交订单</li><li id="track_time_0" class="tx3">2015-09-02 <br> 16:40:28</li></ul></div>
                                        <div class="proce doing"><ul><li class="tx1">&nbsp;</li></ul></div>
                                        <div class="node wait"><ul><li class="tx1">&nbsp;</li><li class="tx2">商品出库</li><li id="track_time_1" class="tx3">2015-09-02 <br> 17:39:34</li></ul></div>
                                        <div class="proce wait"><ul><li class="tx1">&nbsp;</li></ul></div>
                                        <div class="node wait"><ul><li class="tx1">&nbsp;</li><li class="tx2">等待收货</li><li id="track_time_5" class="tx3">2015-09-03 <br> 02:14:08</li></ul></div>
                                        <div class="proce wait"><ul><li class="tx1">&nbsp;</li></ul></div>
                                        <div class="node wait"><ul><li class="tx1">&nbsp;</li><li class="tx2">完成</li><li id="track_time_6" class="tx3">2015-09-03 <br> 14:04:48</li></ul></div>
                                    </div>
                                </div>

                                <div class="om_content_04" style="">
                                    <div class="oc_tit2">
                                        收货人信息
                                    </div>
                                    <ul class="add_list_show">
                                        <li>
                                            收 货 人：邹志刚
                                        </li>
                                        <li>
                                            地    址：上海宝山区庙行镇通河七村213号501室
                                        </li>
                                        <li>
                                            手机号码：186****8203
                                        </li>
                                    </ul>
                                </div>

                                <div class="om_content_04" style="">
                                    <div class="oc_tit2">
                                        支付及配送方式
                                    </div>
                                    <ul class="add_list_show">
                                        <li>
                                            支付方式：货到付款
                                        </li>
                                        <li>
                                            运    费：¥0.00
                                        </li>
                                        <li>
                                            配送时间：9:00-15:00
                                        </li>
                                    </ul>
                                </div>

                                <div class="om_content_04" style="">
                                    <div class="oc_tit2">
                                        发票信息
                                    </div>
                                    <ul class="add_list_show">
                                        <li>
                                            发票类型：普通发票
                                        </li>
                                        <li>
                                            发票抬头：上海暨信信息技术有限公司
                                        </li>
                                        <li>
                                            发票内容：明细
                                        </li>
                                    </ul>
                                </div>

                                <div class="om_content_03">

                                    <div class="oc_tit">

                                        商品清单
                                    </div>

                                    <ul class="qd_l2">
                                        <li>
                                            <table class="qlt">
                                                <tr>
                                                    <td class="t1">
                                                        <div class="tt_img">
                                                            <a href="#"><img data-src="holder.js/50x50" alt=""></a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <a href="">
                                                            <span>京东自营，任选3件75折！安溪原产！</span>
                                                            逸香安溪铁观音特级乌龙茶叶礼盒500g

                                                        </a>
                                                        <br/>
                                                        <a href="">[评价]</a>
                                                    </td>
                                                    <td class="t2">￥45.00</td>
                                                    <td class="t1">x3</td>
                                                </tr>
                                            </table>
                                        </li>
                                        <li>
                                            <table class="qlt">
                                                <tr>
                                                    <td class="t1">
                                                        <div class="tt_img">
                                                            <a href="#"><img data-src="holder.js/50x50" alt=""></a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <a href="">
                                                            <span>京东自营，任选3件75折！安溪原产！</span>
                                                            逸香安溪铁观音特级乌龙茶叶礼盒500g
                                                        </a>
                                                        <br/>
                                                        <a href="">[评价]</a>
                                                    </td>
                                                    <td class="t2">￥45.00</td>
                                                    <td class="t1">x3</td>
                                                </tr>
                                            </table>
                                        </li>
                                        <li>
                                            <table class="qlt">
                                                <tr>
                                                    <td class="t1">
                                                        <div class="tt_img">
                                                            <a href="#"><img data-src="holder.js/50x50" alt=""></a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <a href="">
                                                            <span>京东自营，任选3件75折！安溪原产！</span>
                                                            逸香安溪铁观音特级乌龙茶叶礼盒500g
                                                        </a>
                                                        <br/>
                                                        <a href="">[评价]</a>
                                                    </td>
                                                    <td class="t2">￥45.00</td>
                                                    <td class="t1">x3</td>
                                                </tr>
                                            </table>
                                        </li>
                                    </ul>

                                </div>


                                <div class="peicr_info2">
                                    <div class="pi"><span class="pil">3件商品，总金额：</span><span class="pir">￥889.00</span></div>
                                    <div class="pi"><span class="pil">运费：</span><span class="pir">￥8.00</span></div>
                                    <div class="pi"><span class="pil">优惠，总金额：</span><span class="pir">-￥50.00</span></div>
                                    <div class="pi" style="font-size: 18px; margin-top: 20px;"><span class="pil">应付总额：</span><span class="pir" style="color: red;">￥839.00</span></div>
                                </div>



                            </div>

                        </div>
                    </div>
                </div>


            </div>
        </div>

        <div class="pc_footer">
            <div class="pc_w1200">
                <div class="pc_mod">
                    <div class="footer_ad"><a href=""><img data-src="holder.js/100%x170" alt=""></a></div>

                    <ul class="footer_info">
                        <li class="li_fa">
                            <div class="info_text">
                                品质保障
                                <span>购物至此无忧</span>
                            </div>
                        </li>
                        <li class="li_fb">
                            <div class="info_text">
                                7天退换货
                                <span>售后无忧保障</span>
                            </div>
                        </li>
                        <li class="li_fc">
                            <div class="info_text">
                                特色体验
                                <span>不一样的服务</span>
                            </div>
                        </li>
                        <li class="li_fd">
                            <div class="info_text">
                                帮助中心
                                <span>您的购物指南</span>
                            </div>
                        </li>
                    </ul>
                    <ul class="footer_service">
                        <li class="li_fe">
                            <div class="wx"><img src="assets/img/icons/wx.jpg" alt="" class="img-responsive"/></div>
                            <div class="shuoming">"扫一扫，下载花予茶手机客户端"</div>

                        </li>
                        <li class="li_ff">
                            <img src="assets/img/bg/foot_27.png" alt="" class="img-responsive"/>
                        </li>
                        <li class="li_fg">
                            <div class="tel400">400-100-5678</div>
                            <div class="teltime">周一至周日 08:00-18:00<br>（仅收市话费）</div>
                            <div class="teltime">
                                <div class="tbot"><a href=""><span class="glyphicon glyphicon-comment" aria-hidden="true"></span> 7X8小时在线客服</a></div>
                            </div>
                        </li>
                    </ul>
                    <div class="footer_copyright">
                        <span>huayucha.com</span>
                        <span>沪icp证1105665号</span>
                        <span>沪icp备1105665号</span>
                        <span>沪公安网备110566787865号</span>
                        <span>沪网文[2015]0059-0009号</span>
                    </div>
                </div>
            </div>
        </div>


    </div>

</div>

<script src="assets/js/holder.js"></script>
<script src="assets/js/alert.js"></script>
<script src="assets/js/collapse.js"></script>


<script type="text/javascript" src="assets/js/ks-switch.js"></script>
<script type="text/javascript" src="assets/js/jquery-imgslideshow.js"></script>
<script type="text/javascript">
    var timeout	= 500;
    var closetimer	= 0;
    var ddmenuitem	= 0;

    $(document).ready(function(){
        $('.cat_item').mousemove(function(){
            $(this).addClass('cat_item_on');
        });
        $('.cat_item').mouseleave(function(){
            $(this).removeClass('cat_item_on');
        });
        $('#slideshow').imgSlideShow({itemclass: 'i'})
        $("#slide-qg").switchTab({titCell: "dt a", trigger: "mouseover", delayTime: 0});
        $("#s_cart_nums1").hover(function(){
            mcancelclosetime();
            if(ddmenuitem) ddmenuitem.hide();
            ddmenuitem = $(document).find("#s_cartbox");
            ddmenuitem.fadeIn();
        },function(){
            mclosetime();
        });
        $("#s_cart_nums2").hover(function(){
            mcancelclosetime();
            if(ddmenuitem) ddmenuitem.hide();
            ddmenuitem = $(document).find("#s_cartbox");
            ddmenuitem.fadeIn();
        },function(){
            mclosetime();
        });
        $("#s_cartbox").hover(function(){
            mcancelclosetime();
        },function(){
            mclosetime();
        });
        var $cur = 1;
        var $i = 4;
        var $len = $('.hot_list>ul>li').length;
        var $pages = Math.ceil($len / $i);
        var $w = $('.hotp').width()-66;

        var $showbox = $('.hot_list');

        var $pre = $('div.left_icon');
        var $next = $('div.rgt_icon');

        $pre.click(function(){
            if (!$showbox.is(':animated')) {
                if ($cur == 1) {
                    $showbox.animate({
                        left: '-=' + $w * ($pages - 1)
                    }, 500);
                    $cur = $pages;
                }
                else {
                    $showbox.animate({
                        left: '+=' + $w
                    }, 500);
                    $cur--;
                }

            }
        });

        $next.click(function(){
            if (!$showbox.is(':animated')) {
                if ($cur == $pages) {
                    $showbox.animate({
                        left: 0
                    }, 500);
                    $cur = 1;
                }
                else {
                    $showbox.animate({
                        left: '-=' + $w
                    }, 500);
                    $cur++;
                }

            }
        });

    });
    function mclose()
    {
        if(ddmenuitem) ddmenuitem.hide();
    }
    function mclosetime()
    {
        closetimer = window.setTimeout(mclose, timeout);
    }
    function mcancelclosetime()
    {
        if(closetimer)
        {
            window.clearTimeout(closetimer);
            closetimer = null;
        }
    }
</script>
</body>
</html>
